<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>首页</title>
    <link rel="stylesheet" type="text/css" href="../../../app/assets/css/robotUI.css">
    <link rel="stylesheet" type="text/css" href="../../../app/assets/css/main.css">
</head>

<body>
    <!-- 头部 -->
    <div class="header">
        <div class="rob-container">
            <div class="qb-header-g qb-header-g__bg">
                <a class="qb-header-g__logo" href="">
                    <img src="../../../app/assets/images/logo.png">
                </a>
                <ul class="qb-header-g--navbar-right hiden">
                    <li><a href=""><i class="qb-head-icon-g qb-icon-user"></i>
                        <div class="popover qb-popover-g">
                            <div class="arrow"></div>
                            <p class="popover-title popover-name">阿超</p>
                            <p class="popover-title">上次登录时间</p>
                            <p class="popover-title">2016-09-27 18:00</p>
                            <div class="popover-content">
                                <button class="rob-btn rob-btn-danger rob-btn-circle qb-popover-g__pd20">体现</button>

                            </div>
                        </div>

                    </a></li>
                    <li><a href=""><i class="qb-head-icon-g qb-icon-bell"></i><span class="qb-news-g qb-news-g__absol1"></span></a></li>
                    <li><a href=""><i class="qb-head-icon-g qb-icon-quit"></i></a></li>
                </ul>
            </div>
        </div>
    </div>
    <!-- 菜单 -->
    <div class="qb-menu-g">
        <!--  qb-menu-g--mini -->
        <div class="qb-menu-g__switch">
            <i class="rob-icon-menu-left"></i>
            <i class="rob-icon-menu-right"></i>
        </div>
        <ul class="rob-sidebar-menu-1">
            <!-- close -->
            <li class="nav-item open active">
                <a class=" ">
                    <i class="rob-icon-package"></i>
                    <span class="title">首页</span>
                    <span class="selected"></span>
                    <span class="arrow open"><i class="rob-icon-angle-up"></i></span>
                </a>
                <ul class="sub-menu " style="display: block;">
                    <li class="nav-item active">
                        <a class="nav-link ">
                            <span class="title">菜单一</span>
                        </a>
                    </li>
                    <li class="nav-item">
                        <a class=" ">
                            <span class="title">菜单二</span>
                        </a>
                    </li>
                </ul>
            </li>
            <li class="nav-item">
                <a class=" ">
                    <i class="rob-icon-package"></i>
                    <span class="title">首页</span>
                    <span class="selected"></span>
                    <span class="arrow"><i class="rob-icon-angle-up"></i></span>
                </a>
                <ul class="sub-menu ">
                    <li class="nav-item">
                        <a class="nav-link ">
                            <span class="title">菜单一</span>
                        </a>
                    </li>
                    <li class="nav-item">
                        <a class=" ">
                            <span class="title">菜单二</span>
                        </a>
                    </li>
                </ul>
            </li>
        </ul>
    </div>
    <!-- layout -->
    <div class="qb-wapper-g">
        <!-- 表格 -->
        <div class="qb-panel-g clearfix qb-media-height">
            <div class="qb-column-header-g">
                <ol class="rob-breadcrumb rob-breadcrumb-pointed">
                    <li><a href="#"><i class="qb-icon-home"></i>首页</a></li>
                    <li class="active"><a href="#">系统通知</a></li>
                </ol>
            </div>
            <div class="qb-column-header-g qb-column-header-g--button qb-column-header-g--red">
                <div class="qb-column-header-g--red__checkbox">
                    <input type="checkbox" id="filled-in-box2" class="rob-checkbox-filled-in" checked="checked">
                    <label for="filled-in-box2">&nbsp;&nbsp;全选</label>
                </div>
                <button class="rob-btn rob-btn-danger rob-btn-circle   rob-btn-line " type="button"><i class="rob-icon-trash"></i> 删除</button>
            </div>
            <div class="qb-list-g qb-list-g--red">
                <div class="qb-list-g__table">
                    <div class="rob-row clearfix">
                        <div class="rob-col-lg-24 column">
                            <div class="rob-table-responsive">
                                <table class="rob-table rob-table-striped rob-table-hover qb-list-g__style">
                                    <tbody>
                                    <tr>
                                            <td class="text-left">
                                                <input type="checkbox" id="filled-in-box4" class="rob-checkbox-filled-in" checked="checked">
                                                <label for="filled-in-box4"></label>
                                                <span class="qb-news-g qb-news-g__absol2"></span>
                                                <a href="">尊敬的用户：融数商户平台将于2016年XX月XX日（星期四） 23:45~ 24:00进行系统优化，期间将会有交易不稳定的情况发生，给您带来的不便，敬请谅解！</a>
                                            </td>
                                        <td class="text-left">
                                          2016-11-21<i class="rob-icon-trash"></i>
                                        </td>
                                        </tr>
                                         <tr>
                                            <td class="text-left">
                                                <input type="checkbox" id="filled-in-box2" class="rob-checkbox-filled-in" checked="checked">
                                                <label for="filled-in-box2"></label>
                                                <span class="qb-news-g qb-news-g__absol2"></span>
                                                尊敬的用户：融数商户平台将于2016年XX月XX日（星期四） 23:45~ 24:00进行系统优化，期间将会有交易不稳定的情况发生，给您带来的不便，敬请谅解！
                                            </td>
                                             <td class="text-left">
                                                 2016-11-21<i class="rob-icon-trash"></i>
                                             </td>
                                        </tr>
                                         <tr>
                                            <td class="text-left">
                                                <input type="checkbox" id="filled-in-box2" class="rob-checkbox-filled-in" checked="checked">
                                                <label for="filled-in-box2"></label>
                                                <span class="qb-news-g qb-news-g__absol2"></span>
                                                尊敬的用户：融数商户平台将于2016年XX月XX日（星期四） 23:45~ 24:00进行系统优化，期间将会有交易不稳定的情况发生，给您带来的不便，敬请谅解！
                                            </td>
                                             <td class="text-left">
                                                 2016-11-21<i class="rob-icon-trash"></i>
                                             </td>
                                        </tr>

                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="qb-list-g__pagination clearfix">
                    <div class="rob-row clearfix">
                        <div class="rob-col-lg-24 column">
                            <ul class="rob-pagination ">
                                <li class="disabled">
                                    <a href="javascript:;">&lt;</a>
                                </li>
                                <li class="active">
                                    <a href="javascript:;">1</a>
                                </li>
                                <li>
                                    <a href="javascript:;">2</a>
                                </li>
                                <li>
                                    <a href="javascript:;">3</a>
                                </li>
                                <li>
                                    <a href="javascript:;">4</a>
                                </li>
                                <li>
                                    <a href="javascript:;">&gt;</a>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- 尾部 -->
    <div class="qb-footer-g">
        Copyright©2015 融数金服 辽ICP备15009643号 ▏客服电话：010-56793739 周一至周五：9:00-20:00
    </div>
</body>

</html>
